<template>
  <div class="classgrop">
    <div class="panel-wrap">
      <panel v-for="l in list" :list="l" :key="l.id"></panel>
    </div>
    <div class="btn-wrap">
      <a href="#createclass" class="theme-btn">创建班级</a>
    </div>
  </div>
</template>

<script>
  import Panel from './Panel'
  export default{
    components: { Panel },
    data() {
      return {
        list: [{
          grade: '七年级',
          className: '一班',
          count: 60,
          school: '贵阳第一中学',
          tag: '6000',
          id: '12323'
        },
        {
          grade: '二年级',
          className: '3班',
          count: 40,
          school: '贵阳第二中学',
          tag: '6000',
          id: '11111'
        }]
      }
    }
  }
</script>

<style lang="less">
  .classgrop {
    min-height: 100%;
    padding: 14px 0;
    box-sizing: border-box;
    background: #f6f6f6;
  }
  .btn-wrap {
    padding: 0 14px;
  }
</style>
